<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Baidu Maps</title>
        <style>
            html { height: 100% }
            body { height: 100%; margin: 0; padding: 0; background-color: #FFF }
        </style>
        <script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script>
        <script>
            var map, geocoder;
            function initialize() {
                map = new BMap.Map('map_canvas');
                var point = new BMap.Point(121.473704, 31.230393);
                map.centerAndZoom(point, 11);
                map.addControl(new BMap.NavigationControl());
                map.enableScrollWheelZoom();

                var gc = new BMap.Geocoder();
                gc.getLocation(point, function(rs){
                    var addComp = rs.addressComponents;
                    var address = [addComp.city].join('');
                    parent.document.getElementById("kindeditor_plugin_map_address").value = address;
                });
            }
            function search(address) {
                if (!map) return;
                var local = new BMap.LocalSearch(map, {
                    renderOptions: {
                        map: map,
                        autoViewport: true,
                        selectFirstResult: false
                    }
                });
                local.search(address);
            }
        </script>
    </head>
    <body onload="initialize();">
        <div id="map_canvas" style="width:100%; height:100%"></div>
    </body>
</html>
